<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/">
<head>
    <title>kavadenn: {{community.name}}, Bretagne</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="description" content="Découvrir la Bretagne avec kavadenn: {{community.name}}, tourisme, voyage">
    <meta name="keywords" content="Bretagne,decouverte,tourisme,voyage">  
    <meta name="google-site-verification" content="4st4ki5585g6DlepbbFy-Sa-b10DKq1klis4Nsql3xA" />
    <meta property="fb:app_id" content="120766637945383"/>
    <meta property="fb:admins" content="100001114232115"/>

    <meta property="og:title" content="{{community.name}}"/>
    <meta property="og:type" content="landmark"/>
    <meta property="og:url" content="http://localhost:8000/places/plouarzel/"/>
    <meta property="og:image" content="http://farm5.static.flickr.com/4132/4971588924_53125f122e_s.jpg"/>
    <meta property="og:latitude" content="48.4338958"/>
    <meta property="og:longitude" content="-4.7309939"/>
    <meta property="og:region" content="Bretagne"/>
    <meta property="og:country-name" content="France"/>

    <link href="/static/css/kavadenn.css" rel="Stylesheet" type="text/css" />
    <link rel="stylesheet" href="/static/css/jquery.wysiwyg.css" type="text/css" />
    <link rel="stylesheet" href="/static/css/jquery.datepicker.css" type="text/css" />

</head>
<body>

    <div id="addContentContextMenu">
      <div class="item">
        <img src="/static/img/wires/practical.png" />
        <a id="tipsEditorLauncher" class="editor-launcher" href="#" rel="#tipsEditorOverlay">Info pratique</a></div>
      <div class="item">
        <img src="/static/img/wires/link.png" />
        <a id="linksEditorLauncher" class="editor-launcher" href="#" rel="#linksEditorOverlay">Lien</a></div>
      <div class="item">
        <img src="/static/img/wires/camera-photo.png" />
        <a href="/photos/{{community.urlName}}/">Photo</a></div>
      <div class="item">
        <img src="/static/img/wires/calendar.png" />
        <a id="eventsEditorLauncher" class="editor-launcher" href="#" rel="#eventsEditorOverlay">Evénement</a>
      </div>        
    </div>
    
    
    <div id="header">
      <table width="100%">
        <tr valign="middle">
          <td><a href="/{{community.urlName}}/" id="logo">kavadenn</a></td>
          <td>
            <form style="display:inline;" action="/search/" method="POST" id="searchForm">
              <input id="searchBox" name="q" type="text" style="float:right;" placeholder="recherche" />
            </form>
          </td>    
        </tr>
      </table> 
    </div>
    
    <div id="content">   
        <div id="communityHeaderSection">
          <div id="communityHeaderTitle" style="float:left;">
              <h2>{{community.name}}</h2>
          </div>
          
          <div id="contributeButtonWrapper">
            <a href="#" id="btnAddContent">
              CONTRIBUER +
            </a>  
          </div>
          <div style="clear:both;"></div>
        </div>
        
        <div id="communityContent">
            <div id="communityLeftPanel">
                <table>
                  <tr valign="middle">
                    <td><a href="#"><img src="/static/img/feed.png" /></a></td>
                    <td>
                      <!--
                      <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A//localhost%3A8000/places/plouarzel/&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=80" scrolling="no" 
                            frameborder="0" style="border:none; overflow:hidden; width:150px;  height:25px;" 
                            allowTransparency="true"></iframe>
                            -->
                    </td>
                  </tr>
                </table>
                
                <div class="summarySection">
                  <div class="summaryHeader">
                    <h3>Photos</h3>
                    <a href="/photos/{{community.urlName}}/">toutes les photos</a>
                    <div style="clear:both;"></div>  
                  </div>
                  
                  {% if photoPreviews %}
                    {% for pp in photoPreviews %}
                      <a href="/photos/{{community.urlName}}/"><img src="{{pp.thumb_url}}" /></a>
                    {% endfor %}
                  {% else %}
                    <div>
                      il y a aucune photo, <a href="/photos/{{community.urlName}}/">contribuez!</a>
                    </div> 
                  {% endif %} 
                </div>
                
                <div class="summarySection">
                  <div class="summaryHeader">
                    <h3>Endroits</h3>
                    <a href="/places/{{community.urlName}}/">tous les endroits</a>
                    <div style="clear:both;"></div>  
                  </div>
                  
                  <div>
                    {% if placesPreviews %}
                      {% for pp in placesPreviews%}
                      
                        {% if pp.firstCategory %}
                          <div class="placeTileWrapper">
                            <div class="placeTileImageWrapper"><img src="/static/img/wires/places/{{pp.firstCategory}}.png" /> </div>
                            <div class="placeTitle">{{pp.name}}</div>
                          </div>
                        {% endif %}
                      
                      {% endfor %}
                    {%else%}
                      pas d'endroit
                    {%endif%}
                  </div>
                  
                  
                </div>
            </div>
            
            <div id="communityRightPanel">     
              <div class="suggestionBox">
                  Cette page évolue grâce à vous! Appuyez sur "Contribuer" pour participer! 
              </div>
              <div id="wall">
                {%for item in content%}
                  {{item}}
                {%endfor%}       
              </div>
            </div>
    
        </div>
  
        <div style="clear:both;"></div>    
            
        </div>

        
        <div id="fb-root"></div>
    </div>
    
    <!-- editors -->
    <div id="tipsEditorOverlay" class="simple_overlay editor">
      <div class="editorHeader">
        <div style="height:1px;">
          <img src="/static/img/wires/practical.png" />  
        </div>
        <div class="editorHeaderTitle">
          Info pratique
        </div>
      </div>
      <div class="editorContent">
        <textarea  cols="78" id="tipContentTxt"></textarea>  
      </div>
      <div class="editorFooter">
        <button id="tipAddBtn">+Ajouter</button>
      </div>
    </div>
    
    <div id="linksEditorOverlay" class="simple_overlay editor">
      <div class="editorHeader">
        <div style="height:1px;">
          <img src="/static/img/wires/link.png" />  
        </div>
        <div class="editorHeaderTitle">
          Lien
        </div>
      </div>
      <div class="editorContent">
        <div style="padding:10px;">
          <label style="font-size:smaller;font-weight:bold;">Titre</label><br />
          <input id="linkTitleText" style="width:100%;" type="text" />
        </div>
        
        <div style="padding:10px;">
          <label style="font-size:smaller;font-weight:bold;">Lien</label><br />
          <input id="linkUrlText" style="width:100%;" value="http://" type="text" />  
        </div>
         
      </div>
      <div class="editorFooter">
        <button id="linkAddBtn">+Ajouter</button>
      </div>
    </div>
    
    <div id="eventsEditorOverlay" class="simple_overlay editor">
      <div class="editorHeader">
        <div style="height:1px;">
          <img src="/static/img/wires/calendar.png" />  
        </div>
        <div class="editorHeaderTitle">
          Evénement
        </div>
      </div>
      <div class="editorContent">
        <div style="padding:10px;">
          <label style="font-size:smaller;font-weight:bold;">Titre</label><br />
          <input id="eventTitleText" type="text" style="width:100%;" />    
        </div>
        <div style="padding:10px;">
          <label style="font-size:smaller;font-weight:bold;">Où</label><br />
          <input id="eventTitlePlace" type="text" style="width:100%;" />    
        </div>
        <div style="padding:10px;">
          <label style="font-size:smaller;font-weight:bold;">Quand</label><br />
          <input id="eventStartDate" type="text" style="width:60%;" />    
          <div style="clear:both;"></div>
        </div>
        <div style="padding:10px;">
          <label style="font-size:smaller;font-weight:bold;">Description</label><br />
          <textarea cols="50" rows="5" id="eventDescriptionText"></textarea>
        </div>
      </div>
      <div class="editorFooter">
        <button id="eventAddBtn">+Ajouter</button>
      </div>
    </div>
    
    
    <script src="/static/js/jquery/jquery.js" type="text/javascript"></script>
    
    <script type="text/javascript" src="/static/js/jquery/jquery.wysiwyg.js"></script>
    <script type="text/javascript" src="/static/js/jquery/jquery.overlay.js"></script>
    <script type="text/javascript" src="/static/js/jquery/jquery.context.menu.js"></script>
    <script type="text/javascript" src="/static/js/jquery/jquery.date.js"></script>
    <script type="text/javascript" src="/static/js/jquery/jquery.datepicker.js"></script>
    <script type="text/javascript" src="/static/js/jquery/jquery.placeholder.js"></script>

    <script type="text/javascript" src="/static/js/communities/CommunityApplication.js"></script>

    <script type="text/javascript">
        /* <![CDATA[ */
        $(document).ready(function() {
             var app = new kavadenn.CommunityApplication("{{community.urlName}}");
        });
        /* ]]> */
    </script>

    
</body>
</html>
